<template>
  <div>
    <div class="flex flex-col items-center pt-20 pb-12">
      <img class="max-w-24 rounded-full mb-3" src="../assets/avatar.png" alt="bestony" />
      <h2 class="text-2xl font-semibold py-2">Bestony</h2>
      <h4 class="font-semibold">An indie developer / Focus on something interesting.</h4>
    </div>
    <div class="flex justify-around items-center py-12">
      <a class="github" href="https://github.com/bestony"
        ><i class="iconfont icon-github"></i> GitHub</a
      >
      <a class="twitter" href="https://twitter.com/xiqingongzi"
        ><i class="iconfont icon-twitter"></i> Twitter</a
      >
      <a class="gmail" href="mailto:xiqingongzi+logoly@gmail.com"
        ><i class="iconfont icon-gmail"></i> Email</a
      >
    </div>
  </div>
</template>
